<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>

<%@page import="com.sentiment.config.Config" %>

<%String cp = Config.projectRootPath; %>

<%
String rlPath = Config.relativePath;
%>

<!DOCTYPE html>
<html lang="en">
<head>
    <!--
        ===
        This comment should NOT be removed.

        Charisma v2.0.0

        Copyright 2012-2014 Muhammad Usman
        Licensed under the Apache License v2.0
        http://www.apache.org/licenses/LICENSE-2.0

        http://usman.it
        http://twitter.com/halalit_usman
        ===
    -->
    <meta charset="utf-8">
    <title>管理员界面</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
    <meta name="author" content="Muhammad Usman">

    <!-- The styles -->
    <link id="bs-css" href="css/bootstrap-cerulean.min.css" rel="stylesheet">

    <link href="css/charisma-app.css" rel="stylesheet">
    <link href='bower_components/fullcalendar/dist/fullcalendar.css' rel='stylesheet'>
    <link href='bower_components/fullcalendar/dist/fullcalendar.print.css' rel='stylesheet' media='print'>
    <link href='bower_components/chosen/chosen.min.css' rel='stylesheet'>
    <link href='bower_components/colorbox/example3/colorbox.css' rel='stylesheet'>
    <link href='bower_components/responsive-tables/responsive-tables.css' rel='stylesheet'>
    <link href='bower_components/bootstrap-tour/build/css/bootstrap-tour.min.css' rel='stylesheet'>
    <link href='css/jquery.noty.css' rel='stylesheet'>
    <link href='css/noty_theme_default.css' rel='stylesheet'>
    <link href='css/elfinder.min.css' rel='stylesheet'>
    <link href='css/elfinder.theme.css' rel='stylesheet'>
    <link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
    <link href='css/uploadify.css' rel='stylesheet'>
    <link href='css/animate.min.css' rel='stylesheet'>

    <!-- jQuery -->
    <script src="bower_components/jquery/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath }/WebPage/js/mail.js"></script>

    <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- The fav icon -->
    <link rel="shortcut icon" href="img/favicon.ico">
</head>
<body>

<!-- topbar starts -->
<jsp:include page="topbar.jsp"></jsp:include>
<!-- <div class="navbar navbar-default" role="navigation">

    <div class="navbar-inner">
        <button type="button" class="navbar-toggle pull-left animated flip">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="index.jsp">
            <span>后台用户管理界面</span></a>
        <ul class="collapse navbar-collapse nav navbar-nav top-menu">
            <li><a href="#"><i class="glyphicon glyphicon-globe"></i> Visit Site</a></li>
        </ul>
    </div>
</div> -->

<!-- topbar ends -->

<div class="ch-container">
    <div class="row">

        <!-- left menu starts -->
        <jsp:include page="leftmenu.jsp"></jsp:include>
        <!-- <div class="col-sm-2 col-lg-2">
            <div class="sidebar-nav">
                <div class="nav-canvas">
                    <div class="nav-sm nav nav-stacked">

                    </div>
                    <ul class="nav nav-pills nav-stacked main-menu">
                        <li class="nav-header">操作</li>
                        <li><a class="ajax-link" href="index.jsp"><i class="glyphicon glyphicon-home"></i><span> 首页</span></a>
                        </li>
                        <li class="accordion">
                            <a href="#"><i class="glyphicon glyphicon-list-alt"></i><span> 列表信息</span></a>
                            <ul class="nav nav-pills nav-stacked">
                                <li><a href="userlist.jsp">用户列表</a></li>
                                <li><a href="rolelist.jsp">角色列表</a></li>
                                <li><a href="permissionlist.jsp">权限列表</a></li>
                            </ul>
                        </li>
                       <li class="accordion"><a href="#"><i class="glyphicon glyphicon-edit"></i><span> 报告发布</span></a><ul class="nav nav-pills nav-stacked"><li><a href="dailypublish.jsp">每日报告</a></li><li><a href="hotpublish.jsp">热点报告</a></li></ul></li>
                        <li class="accordion">
                            <a href="#"><i class="glyphicon glyphicon-file"></i><span> 历史信息管理</span></a>
                            <ul class="nav nav-pills nav-stacked">
                                <li><a href="historyrecorddaily.jsp">每日舆情</a></li>
                                <li><a href="historyrecordhot.jsp">热点舆情</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="userPaymentsRecord.jsp"><i class="glyphicon glyphicon-shopping-cart"></i><span>用户收费信息管理</span></a>
                        </li>
                        
                        <li class="accordion">
                                    <a href="#"><i class="glyphicon glyphicon-list-alt"></i><span> 系统通知</span></a>
                                    <ul class="nav nav-pills nav-stacked">
                                        <li><a href="systemrefer.jsp">查询</a></li>
                                        <li><a href="systemedit.jsp">编辑</a></li>
                                    </ul>
                                </li>
                        
                        <li class="nav-header hidden-md">其它</li>
                        <li><a class="ajax-link" href="user.jsp"><i
                                    class="glyphicon glyphicon-user"></i><span> 用户信息</span></a></li>
                    </ul>
                </div>
            </div>
        </div> -->
        <!--/span-->
        <!-- left menu ends -->

        <noscript>
            <div class="alert alert-block col-md-12">
                <h4 class="alert-heading">Warning!</h4>

                <p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a>
                    enabled to use this site.</p>
            </div>
        </noscript>

        <div id="content" class="col-lg-10 col-sm-10">
            <!-- content starts -->
            <div>
                <ul class="breadcrumb">
                    <li>
                        <a href="${pageContext.request.contextPath }/WebManagement/index.jsp">主页</a>
                    </li>
                    
                    <li>
                        <a href="#">编辑</a>
                    </li>
                </ul>
            </div>
            <div class="row">
                <div class="box col-md-9">
                    <div class="box-inner">
                        <div class="box-header well" data-original-title="">
                            <h2> Mail</h2>
                            <div class="box-icon">
                                <a href="#" class="btn btn-setting btn-round btn-default"><i
                                        class="glyphicon glyphicon-cog"></i></a>
                                <a href="#" class="btn btn-minimize btn-round btn-default"><i
                                        class="glyphicon glyphicon-chevron-up"></i></a>
                                <a href="#" class="btn btn-close btn-round btn-default"><i
                                        class="glyphicon glyphicon-remove"></i></a>
                            </div>
                        </div>
                        <div class="box-content">            
                              <form role="form">
                                <div class="form-group">
                                    <label for="toMail">收件人</label>
                                    <input type="email" class="form-control" name="toMail" id="toMail">
                                </div>
                                <div class="form-group">
                                    <label for="subject">主题</label>
                                    <input type="text" class="form-control" name="subject" id="subject">
                                </div>
                                <div class="form-group">
                                    <label for="content1">正文</label>
                                    <textarea class="form-control" name="content" id="text" style="width: 780px;height: 350px"></textarea>
                                </div>
                                <p><small>发件人：admin@163.com</small></p>
                                <button id="sendemilBtn" class="btn btn-primary noty" type="submit">发送</button>         
                                <button class="btn btn-primary noty">定时发送</button>
                                <button class="btn btn-primary noty">存草稿</button>                           
                            </form>
                        </div>
                    </div>
                </div>
                <div class="box col-md-3" >
                    <div class="box-inner">
                        <div class="box-header well">
                            <i class="glyphicon glyphicon-user"></i>
                            <span>联系人</span>
                            <div class="box-icon">
                                <a href="#" class="btn btn-close btn-round btn-default"><i
                                        class="glyphicon glyphicon-remove"></i></a>
                            </div>
                        </div>
                        <div class="box-content">
                            <input type="text" placeholder="Search">
                        </div>
                        <form>
                            <div class="well" style="height:600px;">
                                <ul class="nav nav-pills nav-stacked main-menu">
                                    <li class="accordion">
                                        <a ><span> 最近联系人</span></a>
                                        <ul class="nav nav-pills nav-stacked">
                                            <input type="radio" id="choose_all0">全选
                                            <li><label class="mybox">
                                                <span><input type="checkbox" name="choose0">Alix(34563575@qq.com)</span>
                                            </label></li>
                                            <li><label class="mybox">
                                                <span><input type="checkbox" name="choose0">Susan(294985@qq.com)</span>
                                            </label></li>
                                            <li><label class="mybox">
                                                <sapn><input type="checkbox" name="choose0">Tom(224755@qq.com)</sapn>
                                            </label></li>
                                            <li><label class="mybox">
                                                <span><input type="checkbox" name="choose0">John(123985@qq.com)</span>
                                            </label></li>
                                        </ul>
                                    </li>
                                    <li class="accordion">
                                        <a><span> 会员</span></a>
                                        <ul class="nav nav-pills nav-stacked">
                                            <input type="radio" id="choose_all1">全选
                                            <li><label class="mybox">
                                                <span><input type="checkbox" name="choose1">Alix(3453575@qq.com)</span>
                                            </label></li>
                                            <li><label class="mybox">
                                                <span><input type="checkbox" name="choose1">Susan(294985@qq.com)</span>
                                            </label></li>
                                            <li><label class="mybox">
                                                <sapn><input type="checkbox" name="choose1">Tom(223445@qq.com)</sapn>
                                            </label></li>
                                            <li><label class="mybox">
                                                <span><input type="checkbox" name="choose1">John(127985@qq.com)</span>
                                            </label></li>
                                        </ul>
                                    </li>
                                    <li class="accordion">
                                        <a><span> 免费用户</span></a>
                                        <ul class="nav nav-pills nav-stacked">
                                            <input type="radio" id="choose_all2">全选
                                            <li><label class="mybox">
                                                <span><input type="checkbox" name="choose2">Alix(34563575@qq.com)</span>
                                            </label></li>
                                            <li><label class="mybox">
                                                <span><input type="checkbox" name="choose2">Susan(294985@qq.com)</span>
                                            </label></li>
                                            <li><label class="mybox">
                                                <sapn><input type="checkbox" name="choose2">Tom(244755@qq.com)</sapn>
                                            </label></li>
                                            <li><label class="mybox">
                                                <span><input type="checkbox" name="choose2">John(12985@qq.com)</span>
                                            </label></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>
<script>
    var checkbox1=document.getElementsByTagName("input");
    var choose_all1=document.getElementById('choose_all1');
    var b=1;
    choose_all1.addEventListener('click',function() {
                if(b==1){
                    for (var i = 0; i < checkbox1.length; i++) {
                        if (checkbox1[i].name == 'choose1') {
                            checkbox1[i].checked =1;
                        }
                    }
                    b=0;
                }
                else{
                    for (var i = 0; i < checkbox1.length; i++) {
                        if (checkbox1[i].name == 'choose1') {
                            checkbox1[i].checked = 0;
                        }
                    }
                    b=1;
                }

            }
    );
</script>
<script>
    var checkbox1=document.getElementsByTagName("input");
    var choose_all1=document.getElementById('choose_all0');
    var b=1;
    choose_all1.addEventListener('click',function() {
                if(b==1){
                    for (var i = 0; i < checkbox1.length; i++) {
                        if (checkbox1[i].name == 'choose0') {
                            checkbox1[i].checked =1;
                        }
                    }
                    b=0;
                }
                else{
                    for (var i = 0; i < checkbox1.length; i++) {
                        if (checkbox1[i].name == 'choose0') {
                            checkbox1[i].checked = 0;
                        }
                    }
                    b=1;
                }

            }
    );
</script>
<script>
    var checkbox1=document.getElementsByTagName("input");
    var choose_all1=document.getElementById('choose_all2');
    var b=1;
    choose_all1.addEventListener('click',function() {
                if(b==1){
                    for (var i = 0; i < checkbox1.length; i++) {
                        if (checkbox1[i].name == 'choose2') {
                            checkbox1[i].checked =1;
                        }
                    }
                    b=0;
                }
                else{
                    for (var i = 0; i < checkbox1.length; i++) {
                        if (checkbox1[i].name == 'choose2') {
                            checkbox1[i].checked = 0;
                        }
                    }
                    b=1;
                }

            }
    );
</script>

<!-- external javascript -->

<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

<!-- library for cookie management -->
<script src="js/jquery.cookie.js"></script>
<!-- calender plugin -->
<script src='bower_components/moment/min/moment.min.js'></script>
<script src='bower_components/fullcalendar/dist/fullcalendar.min.js'></script>
<!-- data table plugin -->
<script src='js/jquery.dataTables.min.js'></script>

<!-- select or dropdown enhancer -->
<script src="bower_components/chosen/chosen.jquery.min.js"></script>
<!-- plugin for gallery image view -->
<script src="bower_components/colorbox/jquery.colorbox-min.js"></script>
<!-- notification plugin -->
<script src="js/jquery.noty.js"></script>
<!-- library for making tables responsive -->
<script src="bower_components/responsive-tables/responsive-tables.js"></script>
<!-- tour plugin -->
<script src="bower_components/bootstrap-tour/build/js/bootstrap-tour.min.js"></script>
<!-- star rating plugin -->
<script src="js/jquery.raty.min.js"></script>
<!-- for iOS style toggle switch -->
<script src="js/jquery.iphone.toggle.js"></script>
<!-- autogrowing textarea plugin -->
<script src="js/jquery.autogrow-textarea.js"></script>
<!-- multiple file upload plugin -->
<script src="js/jquery.uploadify-3.1.min.js"></script>
<!-- history.js for cross-browser state change on ajax -->
<script src="js/jquery.history.js"></script>
<!-- application script for Charisma demo -->
<script src="js/charisma.js"></script>